{extend name="public:layoutnhq" /}
{block name="title"}{$webConfig['WEBNAME']}-农化圈限时抢购频道页{/block}
{block name="head"}
<script type="text/javascript" src="/public/plugins/timedown/jquery.yomi.js"></script>
{/block}
{block name="body"}
{include file="public/header_nhq"/}
<div class="mc-full-focus goods-channel-banner">
    <div class="bd">
        <ul class="focus-img">
            <li class="item" _src="url(../static/nhq_img/groupbuy_banner.jpg)" style="background:#fff top center no-repeat;"><a class="link" href="javascript:;"></a></li>
        </ul>
    </div>
    <div class="hd"><ul></ul></div>
    <span class="prev">
        <i class="iconfont icon-zuoyou1"></i>
    </span>
    <span class="next">
        <i class="iconfont icon-zuoyou"></i>
    </span>
</div>
<script type="text/javascript">
    /* 控制左右按钮显示 */
    jQuery(".mc-full-focus").hover(function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.5) },function(){ jQuery(this).find(".prev,.next").fadeOut() });
    /* 调用SuperSlide */
    jQuery(".mc-full-focus").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click",
        startFun:function(i){
            var curLi = jQuery(".mc-full-focus .bd li").eq(i); /* 当前大图的li */
            if( !!curLi.attr("_src") ){
                curLi.css("background-image",curLi.attr("_src")).removeAttr("_src") /* 将_src地址赋予li背景，然后删除_src */
            }
        }
    });
</script>
<div class="groupbuy-main">
    <div class="g-container">
        <div class="left">
            <div class="group-title">
                集采流程
            </div>
            <div class="mc-groupbuy-flow">
                <ul class="mc-avg-5">
                    <li class="item">
                        <img src="../static/nhq_img/jc_step1.jpg" alt="">
                        <div class="text">获取集采资格</div>
                    </li>
                    <li class="item">
                        <img src="../static/nhq_img/jc_step2.jpg" alt="">
                        <div class="text">寻找集采商品</div>
                    </li>
                    <li class="item">
                        <img src="../static/nhq_img/jc_step3.jpg" alt="">
                        <div class="text">提交集采订单</div>
                    </li>
                    <li class="item">
                        <img src="../static/nhq_img/jc_step4.jpg" alt="">
                        <div class="text">集采成功</div>
                    </li>
                    <li class="item">
                        <img src="../static/nhq_img/jc_step5.jpg" alt="">
                        <div class="text">交付尾款，订单发货</div>
                    </li>
                </ul>
            </div>
            <div class="group-title">
                集采推荐
                <a href="javascript:;" class="more-link">更多&gt;</a>
            </div>
            <div class="group-items mc-avg-2 avg-margin-20" style="margin-top:10px;">
            	{volist name=":get_jicai_list([],4)" id="vo"}
                <div class="item">
                    <div class="mc-groupbuy-item">
                        <a href="javascript:;" class="link"></a>
                        <div class="goods-info">
                            <span class="goods-name">{:msubstr($vo.goods_name, 0, 10)}</span>
                            <span class="sub-name">{$vo.sku_name}</span>
                            <div class="yomibox" data-emsg="已结束" data-etime="1509379199"></div>
                            <div class="img-thumb">
                                <img src="{$vo.goods_thumb}" alt="">
                            </div>
                        </div>
                        <div class="groupbuy-info">
                            <span class="tit">集采价：</span>
                            <span class="currency">￥</span>
                            <span class="price">{$vo.jicai_price}</span>
                            <span class="market">￥{$vo.simple_price}</span>
                            <span class="gobuy-btn">马上参与</span>
                        </div>
                        <div class="buyinfo">
                            <div class="mc-avg-3">
                                <div class="item">
                                    <span class="label">{$vo.progress}</span>进度
                                    <span class="spill"></span>
                                </div>
                                <div class="item">
                                    <span class="label">{$vo.jicai_sale}</span>已售出
                                    <span class="spill"></span>
                                </div>
                                <div class="item">
                                    <span class="label">{$vo.jicai_stock}</span>总数量
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
        <div class="right">
            <div class="row">
                <div class="row-title">
                    <h2 class="tit">集采播报</h2>
                </div>
                <div class="row-main">
                    <div class="mc-txtScroll-top group-success-list">
                        <div class="textbd">
                            <ul class="infoList">
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                                <li class="group-text-list">
                                    <a href="javascript:;" class="link"></a>
                                    <div class="user-info">
                                        <span class="username">集采会员：130****2323</span>
                                        <span class="group-num">集采数量：<span class="num">20</span></span>
                                    </div>
                                    <div class="group-info">
                                        <span class="goods-name">这里是集采商品名称</span>
                                        <span class="time">2017-10-05 12:00:30</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <script type="text/javascript">
                        jQuery(".group-success-list").slide({mainCell:".textbd ul",autoPage:true,effect:"top",autoPlay:true,vis:6});
                    </script>
                </div>
            </div>
            <div class="row">
                <div class="row-title">
                    <h2 class="tit">集采预告</h2>
                </div>
                <div class="row-main">
                    <div class="mc-groupbuy-item2">
                        <div class="goods-name">
                            <span>中保绿焰41%草甘膦异丙胺盐水剂</span>
                        </div>
                        <div class="thumb">
                            <img src="../static/nhq_img/cp002.jpg" alt="">
                        </div>
                        <div class="price">
                            集采价格：￥<span class="num">267.00</span>
                            <span class="market">原价：￥350.00</span>
                        </div>
                        <a class="groupbuy-btn">
                            <div class="yomibox" data-emsg="已结束" data-etime="1509379199"></div>
                        </a>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
{include file="public/footer"/}
{/block}
{block name="script"}
{/block}